<?xml version='1.0' encoding='UTF-8' ?>
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./layout/mainTemplate.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"  
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns="http://www.w3.org/1999/xhtml">
    <ui:define name="top">
        <h:outputLabel value="Lista Categorias" class="tituloPrincipal"/>
    </ui:define>

    <ui:define name="left">
    </ui:define>
    <ui:define name="content">
        <h:form id="contenido">

            <p:dataTable paginator="true" rows="20" value="#{categoriaAction.listaCategorias}" var="categoria" id="tablaP">
                <f:facet name="header">  
                    Categoria
                </f:facet>  
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="ID"/>
                    </f:facet>
                    <h:outputText value="#{categoria.idCategoria}"/>
                </p:column>
                <p:column filterBy="#{categoria.nombre}" filterMatchMode="contains">
                    <f:facet name="header">
                        <h:outputText value="Nombre"/>
                    </f:facet>
                    <h:outputText value="#{categoria.nombre}"/>
                </p:column>

                <p:column>
                    <f:facet name="header">
                        <h:outputText value=" "/>
                    </f:facet>
                    <p:commandLink action="#{categoriaAction.modificar(categoria)}" value="Modificar" update=":contenido" ajax="false"/>
             
                </p:column>                
                <p:column>
                    <f:facet name="header">
                        <h:outputText value=" "/>
                    </f:facet>
                    <p:commandLink action="#{categoriaAction.eliminar(categoria )}" value="Eliminar" update=":contenido" ajax="false"/>
                </p:column>
            </p:dataTable> 

            <br/><br/>
            <p:panel >
                <p:commandLink value="Principal" action="#{generalAction.navegaPrincipal()}"/>
            </p:panel>
        </h:form>
    </ui:define>
</ui:composition>

